<div class="task-info-box">

  <div class="row">
    <div class="col-sm-1">
      <a class="btn btn-default"
         ui-sref={{mainStateName+"({projectId:currentProjectId})"}}>
        <span class="fa fa-mail-reply"></span> 返回
      </a>
    </div>

    <div class="col-sm-offset-1 col-sm-10" style="margin-top: 0" >
      <h2 class="text-center">{{currentSpecificTask.baseInfo.name}}</h2>
    </div>
  </div>

  <!-- 主要任务信息 -->
  <div id="task-info-content">

    <div class="task-info-item" id="task-description" ng-show="currentSpecificTask.baseInfo.description">
      <h2><span class="fa fa-pencil"></span> 任务描述</h2>
        <div markdown-previewer bind-content="currentSpecificTask.baseInfo.description"></div>
      <hr/>
    </div>

    <div class="task-info-item" id="task-member" ng-show="currentSpecificTask.appointed_member.length">
      <h2>参与者</h2>
      <ul>
        <li class="task-member" ng-repeat="currentMember in currentSpecificTask.appointed_member">
          <a><img ng-src="img/userHeadImage/{{currentMember.head_image}}" class="img-circle" style="width: 1.3em;height: 1.3em" alt="currentMember.username"/></a>
          ( {{currentMember.username }} )
        </li>
      </ul>
      <hr/>
    </div>

    <div class="task-info-item" id="task-children" ng-show="currentSpecificTask.sub_task.length">
      <h2><span class="fa fa-tasks"></span> 子任务</h2>
      <ul>
        <li ng-repeat="currentSubTask in currentSpecificTask.sub_task" class="childtask-list">
          <a ui-sref={{curStateName+"({projectId:currentProjectId,taskId:currentSubTask.id})"}}>
            {{ currentSubTask.name }}
          </a>
        </li>
      </ul>

    </div>

    <div class="task-info-item">
      <div  ng-show="currentSpecificTask.parentTask">
        <h2><span class="fa fa-toggle-up"></span> 父任务</h2>
        <a ui-sref={{curStateName+"({projectId:currentProjectId,taskId:currentSpecificTask.parentTask.id})"}}
            style="color: #000000">
          {{currentSpecificTask.parentTask.name}}
        </a>
      </div>
    </div>

    <div class="task-info-item" id="task-deadline">
      <h2><span class="fa fa-calendar"></span> 任务截止时间</h2>
      <p>{{ currentSpecificTask.baseInfo.expected_at }}</p>
      <hr/>
    </div>

    <div class="task-info-item">
      <h2><span class="glyphicon glyphicon-info-sign"></span> 任务优先级</h2>
      <p>{{ currentSpecificTask.taskPriority.label }}</p>
      <hr/>
    </div>

    <div class="task-info-item" id="task-status">
      <h2><span class="fa fa-flag"></span> 任务状态 </h2>
      <select class="form-control"
              ng-model="currentSpecificTask.taskStatus.id"
              ng-options="status.id as status.label for status in taskStatusList"
              ng-readonly="!currentSpecificTask.editable" ng-change="changeTaskStatus(currentSpecificTask.taskStatus.id)">

      </select>
    </div>


  </div> <!-- End of 主要任务信息 -->

  <hr/>

</div>